<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<title>Employee Record 202</title>

	<link
		href="#{facesContext.externalContext.requestContextPath}/resources/css/site/style.css"
		rel="stylesheet" type="text/css" />
	<link
		href="#{facesContext.externalContext.requestContextPath}/resources/css/site/navi.css"
		rel="stylesheet" type="text/css" />

	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/resources/css/site/js/jquery-1.8.3.min.js"></script>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript">
		$(function() {
			$(".box .h_title").not(this).next("ul").hide("normal");
			$(".box .h_title").not(this).next("#records").show("normal");
			$(".box").children(".h_title").click(function() {
				$(this).next("ul").slideToggle();
			});
			//$("#hiddenForm:hiddenButton").css("display", "none);
		});
	</script>

	<h:outputScript library="javascript" name="jscodes.js" />

</h:head>

<h:body>
	<f:view contentType="text/html; charset=UTF-8" encoding="UTF-8">
		<div class="wrap">
			<div id="header">
				<ui:include src="../templates/top.xhtml"></ui:include>
			</div>

			<div id="content">
				<div id="sidebar">
					<ui:include src="../templates/left.xhtml"></ui:include>
				</div>
				<div id="main">
					<div class="clear"></div>
					<h:form id="form">
						<p:growl id="growl" showDetail="true" life="5000" />
						<div class="full_w">
							<h:panelGrid columns="2" cellpadding="5">
								<f:facet name="footer">
								&nbsp; &nbsp; Process Id :
							<h:selectOneMenu value="#{rec202MB.selectedProcessId}">
										<f:selectItem itemLabel="Select One" itemValue="-1" />
										<f:selectItems value="#{rec202MB.processList}" />
									</h:selectOneMenu>
							&nbsp; &nbsp; &nbsp;
							<p:commandButton action="#{rec202MB.getSelectedProcessRecords}"
										id="reloadSpecificData" value="Reload Specific Data"
										update="rec202Table growl" ajax="true"></p:commandButton>
								</f:facet>
							</h:panelGrid>
						</div>
						<div class="full_w">
							<h1>Employee Record 202</h1>
							<p:dataTable id="rec202Table" value="#{rec202MB.records}"
								var="user" style="width:700px;" lazy="true"
								emptyMessage="#{bundle.noRecords}" paginator="true" rows="10"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
								rowsPerPageTemplate="5,10,15,20,25" scrollable="true"
								scrollWidth="700" scrollHeight="200" rowIndexVar="rowIndex">

								<p:column headerText="Record Id" footerText="Record Id"
									width="50">
									<h:outputText value="#{rowIndex+1}" />
								</p:column>

								<p:column headerText="addInd1" footerText="addInd1" width="125">
									<h:outputText value="#{user.addInd1}" />
								</p:column>
								
								<p:column headerText="addInd2" footerText="addInd2" width="125">
									<h:outputText value="#{user.addInd2}" />
								</p:column>
								
								<p:column headerText="addInd3" footerText="addInd3" width="125">
									<h:outputText value="#{user.addInd3}" />
								</p:column>
								
								<p:column headerText="addInd4" footerText="addInd4" width="125">
									<h:outputText value="#{user.addInd4}" />
								</p:column>
								
								<p:column headerText="birthDate" footerText="birthDate" width="125">
									<h:outputText value="#{user.birthDate}" />
								</p:column>
								
								<p:column headerText="cellPhone" footerText="cellPhone" width="125">
									<h:outputText value="#{user.cellPhone}" />
								</p:column>
								
								<p:column headerText="cellPhoneCountry" footerText="cellPhoneCountry" width="125">
									<h:outputText value="#{user.cellPhoneCountry}" />
								</p:column>
								
								<p:column headerText="cellPhoneInd" footerText="cellPhoneInd" width="125">
									<h:outputText value="#{user.cellPhoneInd}" />
								</p:column>
								
								<p:column headerText="city1" footerText="city1" width="125">
									<h:outputText value="#{user.city1}" />
								</p:column>

								<p:column headerText="city2" footerText="city2" width="125">
									<h:outputText value="#{user.city2}" />
								</p:column>
								
								<p:column headerText="city3" footerText="city3" width="125">
									<h:outputText value="#{user.city3}" />
								</p:column>
								
								<p:column headerText="city4" footerText="city4" width="125">
									<h:outputText value="#{user.city4}" />
								</p:column>
								
								<p:column headerText="consentDate" footerText="consentDate" width="125">
									<h:outputText value="#{user.consentDate}" />
								</p:column>
								
								<p:column headerText="consentFlag" footerText="consentFlag" width="125">
									<h:outputText value="#{user.consentFlag}" />
								</p:column>
								
								<p:column headerText="country1" footerText="country1" width="125">
									<h:outputText value="#{user.country1}" />
								</p:column>
								
								<p:column headerText="country2" footerText="country2" width="125">
									<h:outputText value="#{user.country2}" />
								</p:column>
								
								<p:column headerText="country3" footerText="country3" width="125">
									<h:outputText value="#{user.country3}" />
								</p:column>
								
								<p:column headerText="country4" footerText="country4" width="125">
									<h:outputText value="#{user.country4}" />
								</p:column>
								
								<p:column headerText="county1" footerText="county1" width="125">
									<h:outputText value="#{user.county1}" />
								</p:column>
								
								<p:column headerText="county2" footerText="county2" width="125">
									<h:outputText value="#{user.county2}" />
								</p:column>
								
								<p:column headerText="county3" footerText="county3" width="125">
									<h:outputText value="#{user.county3}" />
								</p:column>
								
								<p:column headerText="county4" footerText="county4" width="125">
									<h:outputText value="#{user.county4}" />
								</p:column>
								
								<p:column headerText="daytimePhone" footerText="daytimePhone" width="125">
									<h:outputText value="#{user.daytimePhone}" />
								</p:column>
								
								<p:column headerText="directLogin" footerText="directLogin" width="125">
									<h:outputText value="#{user.directLogin}" />
								</p:column>
								
								<p:column headerText="email1" footerText="email1" width="125">
									<h:outputText value="#{user.email1}" />
								</p:column>
								
								<p:column headerText="email2" footerText="email2" width="125">
									<h:outputText value="#{user.email2}" />
								</p:column>
								
								<p:column headerText="email3" footerText="email3" width="125">
									<h:outputText value="#{user.email3}" />
								</p:column>
								
								<p:column headerText="email4" footerText="email4" width="125">
									<h:outputText value="#{user.email4}" />
								</p:column>
								
								<p:column headerText="email5" footerText="email5" width="125">
									<h:outputText value="#{user.email5}" />
								</p:column>
								
								<p:column headerText="email6" footerText="email6" width="125">
									<h:outputText value="#{user.email6}" />
								</p:column>
								
								<p:column headerText="emplId" footerText="emplId" width="125">
									<h:outputText value="#{user.emplId}" />
								</p:column>
								
								<p:column headerText="employerDef1" footerText="employerDef1" width="125">
									<h:outputText value="#{user.employerDef1}" />
								</p:column>
								
								<p:column headerText="employerDef2" footerText="employerDef2" width="125">
									<h:outputText value="#{user.employerDef2}" />
								</p:column>
								
								<p:column headerText="employerDef3" footerText="employerDef3" width="125">
									<h:outputText value="#{user.employerDef3}" />
								</p:column>
								
								<p:column headerText="employerDef4" footerText="employerDef4" width="125">
									<h:outputText value="#{user.employerDef4}" />
								</p:column>
								
								<p:column headerText="employerLogDef1" footerText="employerLogDef1" width="125">
									<h:outputText value="#{user.employerLogDef1}" />
								</p:column>
								
								<p:column headerText="employerLogDef2" footerText="employerLogDef2" width="125">
									<h:outputText value="#{user.employerLogDef2}" />
								</p:column>
								
								<p:column headerText="employerLogDef3" footerText="employerLogDef3" width="125">
									<h:outputText value="#{user.employerLogDef3}" />
								</p:column>
								
								<p:column headerText="employerLogDef4" footerText="employerLogDef4" width="125">
									<h:outputText value="#{user.employerLogDef4}" />
								</p:column>
								
								<p:column headerText="eveningPhone" footerText="eveningPhone" width="125">
									<h:outputText value="#{user.eveningPhone}" />
								</p:column>
								
								<p:column headerText="faxCountry" footerText="faxCountry" width="125">
									<h:outputText value="#{user.faxCountry}" />
								</p:column>
								
								<p:column headerText="faxExt" footerText="faxExt" width="125">
									<h:outputText value="#{user.faxExt}" />
								</p:column>
								
								<p:column headerText="faxInd" footerText="faxInd" width="125">
									<h:outputText value="#{user.faxInd}" />
								</p:column>
								
								<p:column headerText="homePhone" footerText="homePhone" width="125">
									<h:outputText value="#{user.homePhone}" />
								</p:column>
								
								<p:column headerText="homePhoneCountry" footerText="homePhoneCountry" width="125">
									<h:outputText value="#{user.homePhoneCountry}" />
								</p:column>
								
								<p:column headerText="homePhoneInd" footerText="homePhoneInd" width="125">
									<h:outputText value="#{user.homePhoneInd}" />
								</p:column>
								
								<p:column headerText="l11" footerText="l11" width="125">
									<h:outputText value="#{user.l11}" />
								</p:column>
								
								<p:column headerText="l12" footerText="l12" width="125">
									<h:outputText value="#{user.l12}" />
								</p:column>
								
								<p:column headerText="l13" footerText="l13" width="125">
									<h:outputText value="#{user.l13}" />
								</p:column>
								
								<p:column headerText="l14" footerText="l14" width="125">
									<h:outputText value="#{user.l14}" />
								</p:column>
								
								<p:column headerText="l21" footerText="l21" width="125">
									<h:outputText value="#{user.l21}" />
								</p:column>
								
								<p:column headerText="l22" footerText="l22" width="125">
									<h:outputText value="#{user.l22}" />
								</p:column>
								
								<p:column headerText="l23" footerText="l23" width="125">
									<h:outputText value="#{user.l23}" />
								</p:column>
								
								<p:column headerText="l14" footerText="l14" width="125">
									<h:outputText value="#{user.l14}" />
								</p:column>
								
								<p:column headerText="l14" footerText="l14" width="125">
									<h:outputText value="#{user.l14}" />
								</p:column>
								
								<p:column headerText="l14" footerText="l14" width="125">
									<h:outputText value="#{user.l14}" />
								</p:column>
								
								<p:column headerText="l14" footerText="l14" width="125">
									<h:outputText value="#{user.l14}" />
								</p:column>
								
								<p:column headerText="l24" footerText="l24" width="125">
									<h:outputText value="#{user.l24}" />
								</p:column>
								
								<p:column headerText="l31" footerText="l31" width="125">
									<h:outputText value="#{user.l31}" />
								</p:column>
								
								<p:column headerText="l32" footerText="l32" width="125">
									<h:outputText value="#{user.l32}" />
								</p:column>
								
								<p:column headerText="l33" footerText="l33" width="125">
									<h:outputText value="#{user.l33}" />
								</p:column>
								
								<p:column headerText="l34" footerText="l34" width="125">
									<h:outputText value="#{user.l34}" />
								</p:column>
								
								<p:column headerText="maritalStatus" footerText="maritalStatus" width="125">
									<h:outputText value="#{user.maritalStatus}" />
								</p:column>
								
								<p:column headerText="otherInd" footerText="otherInd" width="125">
									<h:outputText value="#{user.otherInd}" />
								</p:column>
								
								<p:column headerText="otherPhone" footerText="otherPhone" width="125">
									<h:outputText value="#{user.otherPhone}" />
								</p:column>
								
								<p:column headerText="otherPhoneCountry" footerText="otherPhoneCountry" width="125">
									<h:outputText value="#{user.otherPhoneCountry}" />
								</p:column>
								
								<p:column headerText="pagerCountry" footerText="pagerCountry" width="125">
									<h:outputText value="#{user.pagerCountry}" />
								</p:column>
								
								<p:column headerText="pagerInd" footerText="pagerInd" width="125">
									<h:outputText value="#{user.pagerInd}" />
								</p:column>
								
								<p:column headerText="pagerPin" footerText="pagerPin" width="125">
									<h:outputText value="#{user.pagerPin}" />
								</p:column>
								
								<p:column headerText="payProcessBeginDt" footerText="payProcessBeginDt" width="125">
									<h:outputText value="#{user.payProcessBeginDt}" />
								</p:column>
								
								<p:column headerText="primaryEmail" footerText="primaryEmail" width="125">
									<h:outputText value="#{user.primaryEmail}" />
								</p:column>
								
								<p:column headerText="province1" footerText="province1" width="125">
									<h:outputText value="#{user.province1}" />
								</p:column>
								
								<p:column headerText="province2" footerText="province2" width="125">
									<h:outputText value="#{user.province2}" />
								</p:column>
								
								<p:column headerText="province3" footerText="province3" width="125">
									<h:outputText value="#{user.province3}" />
								</p:column>
								
								<p:column headerText="province4" footerText="province4" width="125">
									<h:outputText value="#{user.province4}" />
								</p:column>
								
								
								<p:column headerText="secondaryEmail" footerText="secondaryEmail" width="125">
									<h:outputText value="#{user.secondaryEmail}" />
								</p:column>
								
								<p:column headerText="state1" footerText="state1" width="125">
									<h:outputText value="#{user.state1}" />
								</p:column>
								
								<p:column headerText="state2" footerText="state2" width="125">
									<h:outputText value="#{user.state2}" />
								</p:column>
								
								<p:column headerText="state3" footerText="state3" width="125">
									<h:outputText value="#{user.state3}" />
								</p:column>
								
								<p:column headerText="state4" footerText="state4" width="125">
									<h:outputText value="#{user.state4}" />
								</p:column>
								
								<p:column headerText="taxGroupName" footerText="taxGroupName" width="125">
									<h:outputText value="#{user.taxGroupName}" />
								</p:column>
								
								<p:column headerText="tciId" footerText="tciId" width="125">
									<h:outputText value="#{user.tciId}" />
								</p:column>
								
								<p:column headerText="ticsAdd" footerText="ticsAdd" width="125">
									<h:outputText value="#{user.ticsAdd}" />
								</p:column>
								
								<p:column headerText="twnAdd" footerText="twnAdd" width="125">
									<h:outputText value="#{user.twnAdd}" />
								</p:column>
								
								<p:column headerText="type1" footerText="type1" width="125">
									<h:outputText value="#{user.type1}" />
								</p:column>
								
								<p:column headerText="type2" footerText="type2" width="125">
									<h:outputText value="#{user.type2}" />
								</p:column>
								
								<p:column headerText="type3" footerText="type3" width="125">
									<h:outputText value="#{user.type3}" />
								</p:column>
								
								<p:column headerText="type4" footerText="type4" width="125">
									<h:outputText value="#{user.type4}" />
								</p:column>
								
								<p:column headerText="ucxAdd" footerText="ucxAdd" width="125">
									<h:outputText value="#{user.ucxAdd}" />
								</p:column>
								
								<p:column headerText="userId" footerText="userId" width="125">
									<h:outputText value="#{user.userId}" />
								</p:column>
								
								<p:column headerText="workPhone" footerText="workPhone" width="125">
									<h:outputText value="#{user.workPhone}" />
								</p:column>
								
								<p:column headerText="workPhoneCountry" footerText="workPhoneCountry" width="125">
									<h:outputText value="#{user.workPhoneCountry}" />
								</p:column>
								
								<p:column headerText="workPhoneExt" footerText="workPhoneExt" width="125">
									<h:outputText value="#{user.workPhoneExt}" />
								</p:column>
								
								<p:column headerText="workPhoneInd" footerText="workPhoneInd" width="125">
									<h:outputText value="#{user.workPhoneInd}" />
								</p:column>
								
								<p:column headerText="wotcAdd" footerText="wotcAdd" width="125">
									<h:outputText value="#{user.wotcAdd}" />
								</p:column>
								
								<p:column headerText="zip1" footerText="zip1" width="125">
									<h:outputText value="#{user.zip1}" />
								</p:column>
								
								<p:column headerText="zip2" footerText="zip2" width="125">
									<h:outputText value="#{user.zip2}" />
								</p:column>
								
								<p:column headerText="zip3" footerText="zip3" width="125">
									<h:outputText value="#{user.zip3}" />
								</p:column>
								
								<p:column headerText="zip4" footerText="zip4" width="125">
									<h:outputText value="#{user.zip4}" />
								</p:column>
								
							</p:dataTable>
						</div>
					</h:form>
				</div>
				<div class="clear"></div>
			</div>

			<div id="footer">
				<ui:include src="../templates/footer.xhtml"></ui:include>
			</div>
		</div>

	</f:view>
</h:body>
</html>